<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<meta name="Keywords" content="大融小贷 用户中心" />
    <meta name="Description" content="大融小贷 用户中心" />
    <link href="css/UserCSS.css" rel="stylesheet" type="text/css" />
    <script src="js/jquery3.min.js" type="text/javascript"></script>
    <script src="js/ops.js" type="text/javascript"></script>
    <script src="js/UserJS.js" type="text/javascript"></script>
</head>
<body>
    <div class="row" style="margin-top: 10px;">
    </div>
    <!--<div class="main-nav">-->
    <div class="row">
        <div class="u-menu">
            <ul class="u-nav" id="user_menu">
                <li class="item" id="user_menu_my" name="user_menu_my">
                    <h3 class="t1">
                    	    个人详情<span title="折叠"></span></h3>
                    <ul class="sub">
                        <li><a href="个人主页.jsp">个人主页</a></li><li><a href="个人资料.jsp">个人资料</a></li><li><a href="认证管理.htm">
                            认证管理</a></li><li><a href="密码管理.jsp">密码设置</a></li></ul>
                </li>
                <li class="item" id="user_menu_funds" name="user_menu_funds">
                    <h3 class="t2">
                       
                        贷款管理<a name="user_login"></a><span title="折叠"></span></h3>
                    <ul class="sub">
                         <li><a href="我的贷款.jsp">我的贷款</a></li><li><a href="偿还贷款.jsp">偿还贷款</a></li><li>
                            <a href="贷款统计.jsp">贷款统计</a></li></ul>
                </li>
            </ul>
            <script type="text/javascript">
                var menuClosed = Ops.getCookie('menuClosed');

                $(".item h3 span").click(function () {

                    menuClosed = Ops.getCookie('menuClosed');
                    if (menuClosed == undefined || menuClosed == null) {
                        menuClosed = '';
                        Ops.setCookie('menuClosed', menuClosed);
                    }
                    //console.log(menuClosed+',click;;;');	
                    $(this).parent().parent().toggleClass('bg-slide');
                    $(this).parent().parent().find(".sub").slideToggle('fast');

                    if ($(this).attr('title') == '折叠') {
                        $(this).attr('title', '展开');
                    } else {
                        $(this).attr('title', '折叠');
                    }

                    var pid = $(this).parent().parent().attr('id');

                    if ($(this).parent().parent().hasClass('bg-slide') && menuClosed.indexOf("#" + pid + "#") == -1) {
                        var cookies = menuClosed + '#' + pid + '#';
                    } else {
                        var cookies = menuClosed.replace("#" + pid + "#", '');
                    }
                    Ops.setCookie('menuClosed', cookies);
                });

                if (menuClosed != null) {
                    var closedMatch = menuClosed.match(/([a-z_]+)/g);
                    for (var i in closedMatch) {
                        var idObj = $('#' + closedMatch[i]);
                        idObj.toggleClass('bg-slide');
                        idObj.find(".sub").hide();
                        idObj.find('h3 span').attr('title', '展开');
                    }
                } else {
                    $("#user_menu_loan h3 span").click();
                }
            </script>
        </div>
        <!-- /.u-menu -->
        <div class="u-main">
            <div class="u-box-wrap mt10">
                <div class="u-box u-top" style="text-align: center;">
                    <div style="width: 52%; float: left;">
                        <strong style="">可用余额：</strong><span class="red">0.00</span>元 <a href="#" style="margin-right: 10px;
                            right: 161px;" class="btn-imp btn-drawcash"></a><a href="#" style="margin-right: 0;"
                                class="btn-imp btn-recharge"></a>
                    </div>
                    <div style="width: 45%; float: left;">
                        <strong>待回收总额：</strong><span class="red">0.00</span>元 <a href="#" class="btn-imp btn-detail">
                        </a>
                    </div>
                </div>
            </div>
            <div class="u-col-2 clearfix mt10">
                <div class="u-box-wrap fl">
                    <div class="u-box">
                        <div class="u-til">
                            <strong>个人信息</strong></div>
                        <div class="uu-name">
                            <a href="#" class="u-head">
                                <img style="width: 64px; height: 64px;" src="#" alt="个性头像" /></a><strong class="u-name">姓
                                    名：</strong>张三<div class="u-state">
                                        信用等级：无</div>
                            <div class="u-state" style="margin-top: 6px;">
                                会员等级： &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; (<a href="#">总积分: <i class="orange">0.0</i></a>)
                                <i style="float: right; position: relative; left: -188px; top: -10px; top: -20px;"
                                    title="普通会员" class="ico-level ico-l0"></i>
                            </div>
                        </div>
                        <ul class="uu-info clearfix" style="padding-bottom: 5px;">
                            <li><span class="ico ico3"></span><span style="color: green;">身份已认证</span></li><li><span
                                class="ico ico5"></span><span style="color: green;">手机已认证</span></li><li><span class="ico ico4">
                                </span><span style="color: green;">邮箱已认证</span></li></ul>
                        <ul class="u-data-list" style="">
                            <li><span class="fl" style="padding-left: 10px;"><a class="imp" href="#">最近待收日期</a>：
                                <i class="red">无</i></span><span class="fr" style="padding-right: 10px;"><a class="imp"
                                    href="#">最近待收金额</a>： <i class="red">￥0.00</i></span></li></ul>
                    </div>
                </div>
                <!-- /.u-box-wrap -->
                <div class="u-box-wrap fr">
                    <div class="u-box">
                        <div class="u-til">
                            <strong>资金信息</strong></div>
                        <ul class="u-data-list">
                            <li><strong>资金总额：</strong><span class="red">￥0.00</span><span class="more"> [ <a
                                href="#" class="imp">资金记录</a> ] </span></li>
                            <li><strong>冻结总额：</strong><span class="red">￥0.00</span><span class="more"> [ <a
                                href="#" class="imp">查看明细</a> ] </span></li>
                            <li><strong>充值总额：</strong><span class="red">￥0.00</span><span class="more"> [ <a
                                href="#" class="imp">查看明细</a> ] </span></li>
                            <li><strong>提现总额：</strong><span class="red">￥0.00</span><span class="more"> [ <a
                                href="#" class="imp">查看明细</a> ] </span></li>
                        </ul>
                    </div>
                </div>
                <!-- /.u-box-wrap -->
            </div>
            <!-- /.u-col-2 -->
            <div class="u-col-2 clearfix mt10">
                <div class="u-box-wrap fl">
                    <div class="u-box">
                        <div class="u-til">
                            <strong class="fl">投资信息</strong><span class="f14 fr"><a href="#">理财统计</a></span></div>
                        <ul class="u-data-list">
                            <li><strong>在投标中的投资：</strong><span class="red">0</span>&nbsp;笔 <span class="more">[
                                <a href="#" class="imp">查看明细</a> ] </span></li>
                            <li><strong>等待放款的投资：</strong><span class="red">0</span>&nbsp;笔 <span class="more">[
                                <a href="#" class="imp">查看明细</a> ] </span></li>
                            <li><strong>在还款中的投资：</strong><span class="red">0</span>&nbsp;笔 <span class="more">[
                                <a href="#" class="imp">查看明细</a> ] </span></li>
                            <li><strong>完成还款的投资：</strong><span class="red">0</span>&nbsp;笔 <span class="more">[
                                <a href="#" class="imp">查看明细</a> ] </span></li>
                        </ul>
                    </div>
                </div>
                <!-- /.u-box-wrap -->
                <div class="u-box-wrap fr">
                    <div class="u-box">
                        <div class="u-til">
                            <strong class="fl">贷款信息</strong><span class="f14 fr"><a href="#">贷款统计</a></span></div>
                        <ul class="u-data-list">
                            <li><strong>已完成还款的贷款：</strong><span class="red">0</span>&nbsp;笔 <span class="more">[
                                <a href="#" class="imp">查看明细</a> ] </span></li>
                            <li><strong>正在还款中的贷款：</strong><span class="red">0</span>&nbsp;笔 <span class="more">[
                                <a href="#" class="imp">查看明细</a> ] </span></li>
                            <li><strong>待还款总额：</strong><span class="red">￥0.00</span><span class="more"> [ <a
                                href="#" class="imp">查看明细</a> ] </span></li>
                        </ul>
                    </div>
                </div>
                <!-- /.u-box-wrap -->
            </div>
            <!-- /.u-col-2 -->
            <div class="u-bot mt10">
                <span>这是您第&nbsp;<i class="red">30次</i>&nbsp;登录一起好！</span><span>&nbsp;&nbsp;上次登录时间： <i
                    class="red">0000-00-00 00:00:00</i>，</span><span>地点： <a class="red" title="可能不准确，请点击查看准确地点"
                        target="_blank" href="http://123cha.com/ip/?q=14.107.126.70">000000 </a>
                </span>
            </div>
        </div>
        <!-- /.u-main -->
    </div>
    <!--</div>-->
</body>
</html>